<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Share | Alive</title>
		<link rel="stylesheet" href="./css/desktop.css" type="text/css" media="screen" charset="utf-8">
		<link href="http://vjs.zencdn.net/5.6.0/video-js.css" rel="stylesheet">		
		<meta name="viewport" content="width=device-width; initial-scale=0.7; maximum-scale=0.7; user-scalable=0;">

		<!-- SEO -->
		<meta name="description" content="" />
		<link rel="canonical" href="http://alive-story.com" />
	</head>
	<body>
		<div class="desktop">
			<div class="header">
				<a href="http://alive-story.com"><img class="logo" src="./images/web/img_logo.png"/></a>
			</div>
			<div class="main">
				<div class="sharererContainer">
					<span class="sharer">Shared video from ALIVE.</span>
				</div>
				<div class="contentContainer">
					<div class="firstPane">
						<div class="player">
						</div>
						<div class="articleContentContainer">
							<div class="articleContent">
								<div class="header">
									<img class="profileImage" src="./images/web/profile.jpg" />
									<div class="headerContent">
										<span class="name">FIRST MIDDLE LAST</span>
										<div class="countContainer">
											<img class="clockImage" src="./images/web/img_time.png" />
											<span class="daysAgo">10 days ago</span>
											<span class="viewCount">1.5k views</span>
										</div>
									</div>
								</div>
								<div class="titleLine"></div>

								<div class="body">This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes. This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes</div>

							</div>

							<div class="snsShareContainer">
								<div class="likeContainer">
									<img class="likeImage" src="./images/web/img_like.png" />
									<span class="likeCount" >10,876</span>
								</div>
								<a href=#><img class="snsLink_1" src="./images/web/btn_facebook_nor.png" /></a>
								<a href=#><img class="snsLink_2" src="./images/web/btn_tweet_nor.png" /></a>
								<a href=#><img class="snsLink_3" src="./images/web/btn_link_nor.png" /></a>
							</div>
						</div>
					</div>
					<div class="secondPane">
						<div class="likedContainer">

							<div class="titleContainer">
								<span class="title">People also liked</span>
							</div>

							<div class="titleLine"></div>

							<div class="devider"></div>

							<div class="likedArticle">
								<div class="thumbnailContainer">
									<a href=#><img class="thumbnail_1x1" src="./images/web/1x1_2.jpg"/></a>
								</div>
								<div class="articleContentContainer">
									<span class="name">Peter Jackson</span>
									<span class="tag">#sunset</span>
									<span class="like">100 likes</span><span class="view">100 views</span>
								</div>
							</div>
							
							<div class="devider"></div>

							<div class="likedArticleLine"></div>

							<div class="devider"></div>
							<div class="likedArticle">
								<div class="thumbnailContainer">
									<a href=#><img class="thumbnail_16x9" src="./images/web/16x9.jpg"/></a>
								</div>
								<div class="articleContentContainer">
									<span class="name">Peter Jackson</span>
									<span class="tag">#sunset</span>
									<span class="like">100 likes</span><span class="view">100 views</span>
								</div>
							</div>
							<div class="devider"></div>

							<div class="likedArticleLine"></div>

							<div class="devider"></div>
							<div class="likedArticle">
								<div class="thumbnailContainer">
									<a href=#><img class="thumbnail_1x1" src="./images/web/1x1.jpg"/></a>
								</div>
								<div class="articleContentContainer">
									<span class="name">Peter Jackson</span>
									<span class="tag">#sunset</span>
									<span class="like">100 likes</span><span class="view">100 views</span>
								</div>
							</div>
							<div class="moreButtonContainer">
								<a class='moreButton' href=#>More Video</a>
							</div>
							<div class="likedArticleLine"></div>

						</div>
						<div class="downloadContainer">
							<div class="downloadBlank"></div>
							<div class="getAliveContainer">
								<img class="getAliveImage" src="./images/web/img_download.png" />
								<span class="getAliveText">GET ALIVE</span>
							</div>
							<span class="desc">Download ALIVE and make your own moment!</span>
							<div class="downloadBlank2"></div>
							<a href=#><img class="appleDownload" src="./images/web/btn_appstore_nor.png" /></a>
							<a href=#><img class="googleDownload" src="./images/web/btn_playstore_nor.png" /></a>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<a href=# class="privacy">PRIVACY</a>
				<a href=# class="terms">TERMS</a>
				<a href=# class="faq">FAQ</a>
				<span class="copyright">2016 MAVERICK.CO LTD.</span>
			</div>
		</div>
	</body>
	<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
	<script src="http://vjs.zencdn.net/5.6.0/video.js"></script>	
	<script src="./javascript/index.js"></script>
</html>
